
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>音乐</title>
    <link href="../css/global.css" rel="stylesheet" />
    <link href="../css/article.css" rel="stylesheet" />
</head>

<body>
<div class="header">
    <div class="nav">
        <a href="../index.html">首页</a>
        <a href="about.html" class="on">详情</a>
        <a href="contact.html">联系我</a>
    </div>
</div>
<div class="main">
    <div class="music-bg">
        <div class="content-music">
            <div class="music-logo">
                <img src="../image/logo1.png" class="logo_about">
            </div>
            <ul>
                <li>
                    <img src="../image/music/img1.png" class="music-rotate">
                    <audio controls src="../music/1.m4a"></audio>
                    <p>致明日的舞-陈奕迅</p>
                </li>
                <li>
                    <img src="../image/music/img2.png" class="music-rotate">
                    <audio controls src="../music/2.m4a"></audio>
                    <p>此生无可恋，唯曲悦丹田-刺猬</p>
                </li>
                <li>
                    <img src="../image/music/img3.png" class="music-rotate">
                    <audio controls src="../music/3.m4a"></audio>
                    <p>海浪-deca joins</p>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>